<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vite App</title>
    <script src="https://unpkg.com/vue@next"></script>
</head>
<style>
    
</style>
<body>
    <div id="app" class="Demo">
        <!-- <select v-model="selected" name="fruit" multiple> -->
        <select  v-model="selected">
            <template v-for="web in webs" :key=webs.id>
                <option :value="web.web" >{{web.value}}</option>
            </template>
            <!-- <option v-for="web in webs":value="web.web">
                {{web.value}}
            </option> -->
            <!-- <option value="选不了">赶紧选</option>
            <option value="www.biadu.com">BaiDu</option>
            <option value="www.zifeng.com">ZiFeng</option>
            <option value="www.bilibili.com">BiLibiu~</option>
            <option value="www.legion.com">LEGION</option> -->
        </select>
        <div id="output">
            选择的是：{{selected}}
        </div>
    </div>
    <script>
        var app = {
            data() {
                return {
                    webs:[
                        {id:0,value:'赶紧选',web:'选不了'},
                        {id:1,value:'BaiDu',web:'www.biadu.com'},
                        {id:2,value:'ZiFeng',web:'www.zifeng.com'},
                        {id:2,value:'BiLibui~',web:'www.bilibili.com'},
                        {id:2,value:'LEGION',web:'www.legion.com'}
                    ],
                    selected:''
                }
            },
            methods:{
                
            }
        }
        var vm = Vue.createApp(app).mount('#app')
    </script>
</body>
</html>
